<template>
  <div v-if="message.length > 0" id="chat-planel" ref="chatPlanel"
    class="text-ai-message p-2 max-w-150 w-full max-h-100 overflow-auto mb-2 whitespace-pre-wrap">
    {{ message }}
  </div>
</template>
<script lang="ts" setup>
defineProps<{
  message: string;
}>();
const chatPlanel = useTemplateRef<HTMLDivElement>('chatPlanel') 
</script>
<style></style>
